<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link href="css/register.css" rel="stylesheet">

    <title></title>
</head>
<body>
    <div class="header">
        <div class="image">

        </div>
        <div class="item-text">注册</div>
    </div>
    <!--logo部分-->
    <div class="main">
    <div class="login-img">
        <img src="image/login-bg-0e02c95f.png">
    </div>
    <div class="mid-out">
        <!--注册区域-->
        <div class="mid-in">
            <div class="tabs">
                <span class="mobile">
                    <a id="tab-mobile" href="">手机号快速注册</a>
                </span>
            </div>
            <div class="country-box">
                <div class="left-box">
                    <select>
                        <option>中国              +86</option>
                        <option>香港（中国）      +86</option>
                        <option>澳门（中国）      +86</option>
                        <option>台湾（中国）      +86</option>
                    </select>
                </div>
                <div class="right-box">
                    <input type="text" placeholder="手机号"/>
                </div>
            </div>

            <div class="input-wrapper">
                <div class="input-wrapper-left">
                    <input type="text" placeholder="输入动态码"/>
                </div>
                <div class="input-wrapper-right">
                    <button type="button" class="plain-button"> 获取动态码</button>
                </div>
            </div>
            <div class="remember-password">
                <div class="input-password">
                    <input type="text" placeholder="密码长度8-32位"/>
                </div>
            </div>
            <div class="alter">
                <p>提示:密码应包含数字、大小写字母、特殊字符中的两种或两种以上</p>
            </div>
            <div class="button-login">
                <button id="button-login-mobile" class="login-button">立即注册</button>
            </div>

            <div class="read-check">
                <label>
                    <input type="checkbox" name="keepMobile"/>阅读并同意大众点评网以下政策协议:
                    《美团点评平台用户服务协议》、《隐私政策》
                </label>
            </div>
        </div>
    </div>
</div>
</body>
</html>